<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
		<meta name="format-detection" content="telephone=no" />
	    <meta name="format-detection" content="email=no" />
	    <meta name="format-detection" content="address=no">
		
		<title>瑞州支付</title>
		<style type="text/css">
			*{margin:0;padding:0;}a{text-decoration:none;color:#000;}body{-webkit-text-size-adjust: none;font-family: "微软雅黑",Arial,Helvetica,sans-serif;color: #333;font-size: 14px;display: -webkit-box;	-webkit-box-orient: vertical;-webkit-box-align: stretch;line-height: 1.25em;background: #FFF;}
			ul{list-style-type: none;}li{display: inline-block;}img{border:none;}
			.ui-bg{border: 1px solid #456f9a /*{b-bar-border}*/;border-left:none;border-right:none;background: #5e87b0 /*{b-bar-background-color}*/;color: #fff /*{b-bar-color}*/;font-weight: bold;text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/));background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);background-image: -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);background-image: -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);background-image: -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);background-image: linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);}
			.ui-header{position:absolute;top:0;height:38px;width:100%;z-index: 1000;}
			.ui-header h1{-webkit-margin-before: 0.67em;-webkit-margin-after: 0.67em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: bold;min-height: 1.1em;text-align: center;font-size: 14px;display: block;margin: .6em 30% .8em;padding: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;outline: 0 !important;}
			.back{position: absolute;left: 5px;top: 3px;}
			.close{position: absolute;right: 5px;top: 3px;}
			.ui-a{min-width: .75em;display: block;position: relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;zoom: 1;padding:5px;color:#FFF;}
			.ui-content{border-width: 0;overflow: visible;overflow-x: hidden;margin: 1em 0;padding:15px;}
			.pop_msg{text-align:center;position:absolute;left:45%;top:50%;overflow: visible;padding: 15px;-moz-border-radius: .6em /*{global-radii-blocks}*/;-webkit-border-radius: .6em /*{global-radii-blocks}*/;border-radius: .6em /*{global-radii-blocks}*/;border: 1px solid #f7c942 /*{e-body-border}*/;color: #222 /*{e-body-color}*/;background: #fff9df /*{e-body-background-color}*/;background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/));background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);background-image: -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);background-image: -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);background-image: -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);background-image: linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);-moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);box-shadow: 0px 0px 12px rgba(0,0,0,.6);}
			.ui-input{height:30px;border:none;box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);-moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);-webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);-webkit-appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;padding: .4em;margin: .5em 0;line-height: 1.4;font-size: 12px;display: block;width: 100%;outline: 0;-moz-border-radius: .6em /*{global-radii-blocks}*/;-webkit-border-radius: .6em /*{global-radii-blocks}*/;border-radius: .6em /*{global-radii-blocks}*/;}
			.ui-btn{cursor:pointer;margin-top:25px;height:34px;border:none;box-sizing: border-box;padding: .4em;margin: .5em 0;line-height: 1.4;font-size:14px;display: block;width: 100%;outline: 0;-moz-border-radius: .6em /*{global-radii-blocks}*/;-webkit-border-radius: .6em /*{global-radii-blocks}*/;border-radius: .6em /*{global-radii-blocks}*/;}
			.main_content{margin-top:30px;padding:10px 15px;}
			.main_content p{line-height: 24px;}
			.je{display: none;}.jelabel{cursor:pointer;margin-left:15px;width:80px;height:30px;line-height:30px;display:block;border:1px solid #eee;margin-bottom:5px;text-align:center;margin-right:5px;}
			.jehover{background: #5e87b0 /*{b-bar-background-color}*/;}
			.red{color:red;margin:0 5px;}
			.choosemoney ul{margin-left:25px;}
			.bot{margin-top:25px;}
			.notice{margin-top:25px;}
			.intro{color: #999;}
		</style>
		<script type="text/javascript">
			var loginStatusInfos = [];   
			loginStatusInfos[10000] = "登录成功";
			loginStatusInfos[10002] = "账户或密码错误";
			loginStatusInfos[10003] = "账号已存在";
			loginStatusInfos[10004] = "未知客户端错误";
			loginStatusInfos[10005] = "网络错误";
			//回调函数
			function RequestCallBack(statusInfo,statusCode,Id){
				if(statusInfo){//登陆成功
					window.JsGameCenter.closeWebView();
					window.console.log('login success!');
				}else{//登录失败
					window.console.log('login failed!');
					$('errMsg').innerHTML = "<span style='color:red;'>"+loginStatusInfos[statusCode]+"</span>";
					return false;
				}
			}
			function $(id){return document.getElementById(id);}
			function openpop(str){
				var pop = document.getElementById(str);
				pop.style.display = "block";
			}
			function closepop(str){
				var pop = document.getElementById(str);
				pop.style.display = "none";
			}
	
			window.onload = function(){
				try {
					var userInfoJsonData = window.JsGameCenter.getAccountInfo();
					if(typeof(userInfoJsonData) !='undefined'){
						var getUserInfo = eval('('+userInfoJsonData+')');
						
						$userinfo_account = getUserInfo.AccountNo;
						$userinfo_password = getUserInfo.Password;
						
						$("account_no").value = $userinfo_account;
						$("password").value = $userinfo_password;
					}
				} catch (e) {
					window.console.log('request user account failed!');
				}
				
				$("ulogin").onclick = function(){
					if($("account_no").value.length == 0 || $("account_no").value.length < 6){ //账号为空
						openpop('account_pop');
						setTimeout("closepop('account_pop')",2000);
						return false;
					}
					
					if($("password").value.length == 0){ //密码为空
						openpop('password_pop');
						setTimeout("closepop('password_pop')",2000);
						return false;
					}
					
					//登录请求
					try {
						var account_no 	=$("account_no").value;
						var password 	=$("password").value;
						window.JsGameCenter.login(account_no,password);
						//正在登录...
						$('errMsg').innerHTML = "正在登录...";
					} catch(e) {
						RequestCallBack(0,10004,account_no);
					}
				}
				
			}
		</script>
	</head>
	<body>
		<div class="ui-header ui-bg">
			<span class="back h_btn"><a class="ui-a" href="javascript:window.JsGameCenter.closeWebView();">返回</a></span>
			<h1>天天互娱 - 瑞州账号登录</h1>
			<span class="close h_btn"><a class="ui-a" href="javascript:window.JsGameCenter.closeWebView();">关闭</a></span>
		</div>
		<div class="ui-content">
			<div class="main_content">
				<form id="form">
					<div class="bot">
						<p><label for="account_no">账号:</label></p>
    					<p><input type="text" name="account_no" id="account_no" value="" placeholder="输入账号"  class="ui-input" /></p>
    					<p><label for="password">密码:</label></p>
    					<p><input type="password" class="ui-input"  name="password" id="password"   value="" placeholder="输入密码" /></p>
    					<br />
    					<p id="errMsg"></p>
    					<br />
						<p style="width:48%;float:left;"><input type="button" value="登录" id="ulogin" class="ui-bg ui-btn" /></p>
						<p style="width:48%;float:right;"><a href="./register.html"><input type="button" value="快速注册" id="uregister" class="ui-bg ui-btn" /></a></p>
						<br />
						<div class="notice" style="clear:both;">
							<p>忘记密码?<a style="margin:0 5px;color:rgb(11,49,131);" href="./findpassword.html">点击这里找回</a><p>
						    <p>修改密码?<a style="margin:0 5px;color:rgb(11,49,131);" href="./modifypassword.html">点击这里更改</a></p>
					    	<p>最新游戏资讯,<a style="margin:0 5px;color:rgb(11,49,131);" href="http://bbs.much3g.com/">进入瑞州论坛社区</a></p>
					    	<p>3W款经典游戏,<a style="margin:0 5px;color:rgb(11,49,131);" href="http://yxc.much3g.com/dnload/瑞州游戏仓.apk">请下载瑞州游戏仓</a></p>
					    	<p class="intro">温馨提示:</p>
					    	<p class="intro">如在操作过程中遇到任何问题,请拨打瑞州客服热线:4006-61-0061</p>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="pop" id="account_pop" style="display:none;">
			<div class="pop_msg">
				<p>账号不能少于6位</p>
			</div>
		</div>
		<div class="pop" id="password_pop" style="display:none;">
			<div class="pop_msg">
				<p>密码不能为空</p>
			</div>
		</div>
	</body>
</html>